/* --------------------------------

Understand style

-------------------------------- */
.introduce{
    width: 350px;
    height: 350px;
    margin-left: 50px;
    padding:0px;
    position:absolute;
    left:0px;
    display: flex;
    top: 210px;
}
.introduce-box{
    width: 100%;
    height: 350px;
    padding: 0px;
}
.introduce-title-box{
    width: 100%;
    height: 50px;
    padding: 0px;
    margin-bottom: 5px;
}
.introduce-title{
    width: 280px;
    height: 30px;
    background-color: #2685e7;
}
.introduce-title >h3{
    font-size: 20px;
    color: #fff;
}
.introduce-content-box{
    width: 100%;
    height: 300px;
    padding: 0px;
}
.introduce-content-box > li{
    list-style: none;
}
.introduce-content{
    width: 100%;
    height: 30px;
    margin: 5px 0;
    line-height: 30px;
    font-size: 13px;
    font-family: "微软雅黑";
    color: black;
}
.spread-title{
    width: 220px;
    height: 30px;
    margin-right: 50px;
    padding:0px;
    position:absolute;
    right:100px;
    display: flex;
    top: 140px;
    background-color: #2685e7;
    float: left;
    line-height: 30px;
}
.spread-title >h3{
    font-size: 20px;
    color: #fff;
}
.spread-way{
     width: 260px;
     height: 100px;
     padding:0px;
     position:absolute;
     right:20px;
     display: flex;
     float: left;
     line-height: 30px;
 }
.spread-way-box{
    width: 260px;
    height: 100px;
}
.spread-way-title{
    width: 260px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 800;
}
.spread-way-content{
    width: 260px;
    height: 70px;
    font-size: 12px;
    line-height: 180%;
    font-family: 微软雅黑;
}
.mg-r65{
    margin-right: 65px;
}
.top-185{
    top: 185px;
}
.mg-r35{
    margin-right: 35px;
}
.top-295{
    top: 295px;
}
.mg-r58{
    margin-right: 58px;
}
.top-385{
    top: 385px;
}